import React from "react"
import Input1 from "./input1"
import Input2 from "./input2"

//子组件传给父组件的流程=>父组件通过Props传递一个函数给子组件,由子组件调用,传递实参

//状态提升:将子组件的状态提升至离公共组件最近的父组件之中

//状态提升的目的 就是为了解决并级(兄弟)组件传参的问题

class Up extends React.Component {
    state = {
        publicVal: "99"
    }
    //传递给子组件的方法
    handleChange = (e) => {
        console.log(e.target.value)
        this.setState({
            publicVal: e.target.value
        })
    }
    render() {
        return (
            <fieldset>
                <legend>状态提升</legend>
                <Input1 hc={this.handleChange} value={this.state.publicVal} />
                <Input2 hc={this.handleChange} value={this.state.publicVal} />
            </fieldset>
        )
    }
}

export default Up